<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			table{
				width: 500px;
				height: 200px;
				border: 1px solid red;
				border-collapse: collapse;
			}
			td{
				border: 1px solid red;
			}
			
			
			/*设置所有奇数td元素*/
			td:nth-child(odd){
				text-align: right;
				padding-right: 10px;
				font-size: 18px;
			}
			
			
			
			
			/*类选择器*/
			.inputTxt{
				width: 260px;
				height: 30px;
				margin-left: 10px;
				border: 1px solid red;
				outline-style: none;
				background-color: greenyellow;
				font-size: 18px;
			}
			
			button{
				width: 160px;
				height: 50px;
				margin:10px;
				border: 1px solid #FF0000;
				background-color:dodgerblue;
				color: #FFFFFF;
				font-size: 18px;
				letter-spacing: 10px;
				font-weight: bold;
				border-radius: 10px;
			}
			
			button:hover{
				cursor:pointer;/*设置鼠标样式*/
				
			}
			button:active{
				border: 3px solid darkorange;
			}
			
			tr:last-child td{
				text-align: center;
			}
			
			label::before{
				content: ">";
			}
			label::after{
				content:":"
			}
		</style>
	</head>
	<body>
		<form>
			<table border="0" cellpadding="0" cellspacing="0" align="center">
			<tr>
				<td>
					<label>用户名</label>
					
				</td>
				<td>
					<input type="text" name="username" class="inputTxt" />
				</td>
			</tr>
			<tr>
				<td>密码</td>
				<td>
					<input type="password" name="password" class="inputTxt"/>
				</td>
			</tr>
			
			<tr>
				<td>性别</td>
				<td>
					<input type="radio" name="sex" value="男"/>男
					<input type="radio" name="sex" value="女"/>女
				</td>
			</tr>
			
			<tr>
			
				<td colspan="2" >
					<button>注册</button>
					<button type="reset">重置</button>
				</td>
			</tr>
		</table>
		</form>
		
	</body>
</html>
